@import (reference) "./../shared/common";
.brief-list-container {
  .display-flex(row);
  height: 100%;
}

.brief {
  position: relative;
  width: 100px;
  height: 100%;
  flex-grow: 1;
  padding: 0 10px;
  background-color: @color-white;
  &+.brief {
    // margin-left: 10px;
  }
  &::after, &&::before {
    content: " ";
    display: table;
  }
  .brief-heading, hr {
    margin: 0;
    line-height: 30px;
  }
  .brief-heading {
    font-size: 1.4rem;
  }
  quote-table {
    .quote-table {
      height: calc(~"100% - 36px");
      margin-top: 5px;
      .quote-table-head {
        width: 100%;
        .table-row {
          width: 100%;
        }
      }
      .quote-table-main {
        .display-flex;
        height: 100%;
      }
      quote-table-row {
        .display-flex;        
        .flex;
      }
      .flex-container {
        height: 100%;
      }
      .quote-table-row {
        height: 100%;
        .flex;
        .quote-table-cell {
          margin: 0;
          padding: 0;
          font-size: 1.4rem;
          height: unset;
          line-height: 30px;
          border-color: transparent;
        }
      }
    }
  }
}

.brief-loader {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 122, 0.3);
  &.loading {
    z-index: unset;
  }
}